
<form name="editForm" role="form" novalidate ng-submit="vm.save()" show-validation>

    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"
                ng-click="vm.clear()">&times;</button>
        <h4 class="modal-title" id="myWebsiteLabel" data-translate="gatewayApp.website.home.createOrEditLabel">Create or edit a Website</h4>
    </div>
    <div class="modal-body">
        <jhi-alert-error></jhi-alert-error>
        <div class="form-group" ng-show="vm.website.id">
            <label for="id" data-translate="global.field.id">ID</label>
            <input type="text" class="form-control" id="id" name="id"
                    ng-model="vm.website.id" readonly />
        </div>
        <div class="form-group">
            <label class="control-label" data-translate="gatewayApp.website.name" for="field_name">Name</label>
            <input type="text" class="form-control" name="name" id="field_name"
                    ng-model="vm.website.name"
                    />
        </div>
        <div class="form-group">
            <label class="control-label" data-translate="gatewayApp.website.image" for="field_image">Image</label>
            <input type="text" class="form-control" name="image" id="field_image"
                    ng-model="vm.website.image"
                    />
        </div>
        <div class="form-group">
            <label class="control-label" data-translate="gatewayApp.website.domain" for="field_domain">Domain</label>
            <input type="text" class="form-control" name="domain" id="field_domain"
                    ng-model="vm.website.domain"
                    />
        </div>
        <div class="form-group">
            <label class="control-label" data-translate="gatewayApp.website.copyright" for="field_copyright">Copyright</label>
            <input type="text" class="form-control" name="copyright" id="field_copyright"
                    ng-model="vm.website.copyright"
                    />
        </div>
        <div class="form-group">
            <label class="control-label" data-translate="gatewayApp.website.favicon" for="field_favicon">Favicon</label>
            <input type="text" class="form-control" name="favicon" id="field_favicon"
                    ng-model="vm.website.favicon"
                    />
        </div>
        <div class="form-group">
            <label class="control-label" data-translate="gatewayApp.website.expirationTime" for="field_expirationTime">Expiration Time</label>
                <div class="input-group">
                    <input id="field_expirationTime" type="text" class="form-control" name="expirationTime" datetime-picker="{{dateformat}}" ng-model="vm.website.expirationTime" is-open="vm.datePickerOpenStatus.expirationTime"
                    />
                    <span class="input-group-btn">
                        <button type="button" class="btn btn-default" ng-click="vm.openCalendar('expirationTime')"><i class="glyphicon glyphicon-calendar"></i></button>
                    </span>
                </div>
        </div>
        <div class="form-group">
            <label class="control-label" data-translate="gatewayApp.website.defaultLangKey" for="field_defaultLangKey">Default Lang Key</label>
            <input type="text" class="form-control" name="defaultLangKey" id="field_defaultLangKey"
                    ng-model="vm.website.defaultLangKey"
                    ng-maxlength="8"/>
            <div ng-show="editForm.defaultLangKey.$invalid">
                <p class="help-block"
                    ng-show="editForm.defaultLangKey.$error.maxlength" data-translate="entity.validation.maxlength" translate-value-max="8">
                    This field cannot be longer than 8 characters.
                </p>
            </div>
        </div>
        <div class="form-group">
            <label class="control-label" data-translate="gatewayApp.website.langKeys" for="field_langKeys">Lang Keys</label>
            <input type="text" class="form-control" name="langKeys" id="field_langKeys"
                    ng-model="vm.website.langKeys"
                    />
        </div>
        <div class="form-group">
            <label class="control-label" data-translate="gatewayApp.website.keywords" for="field_keywords">Keywords</label>
            <input type="text" class="form-control" name="keywords" id="field_keywords"
                    ng-model="vm.website.keywords"
                    />
        </div>
        <div class="form-group">
            <label class="control-label" data-translate="gatewayApp.website.description" for="field_description">Description</label>
            <input type="text" class="form-control" name="description" id="field_description"
                    ng-model="vm.website.description"
                    />
        </div>
        <div class="form-group">
            <label class="control-label" data-translate="gatewayApp.website.enabled" for="field_enabled">Enabled</label>
                <input type="checkbox" name="enabled" id="field_enabled"
                          ng-model="vm.website.enabled"/>
            <div ng-show="editForm.enabled.$invalid">
                <p class="help-block"
                    ng-show="editForm.enabled.$error.required" data-translate="entity.validation.required">
                    This field is required.
                </p>
            </div>
        </div>

    </div>
    <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal" ng-click="vm.clear()">
            <span class="glyphicon glyphicon-ban-circle"></span>&nbsp;<span data-translate="entity.action.cancel">Cancel</span>
        </button>
        <button type="submit" ng-disabled="editForm.$invalid || vm.isSaving" class="btn btn-primary">
            <span class="glyphicon glyphicon-save"></span>&nbsp;<span data-translate="entity.action.save">Save</span>
        </button>
    </div>
</form>
